<template>
  <div>
    <div class="tips" v-if="!verifyCode">
      <p>您的{{value}}</p>
      <span>未注册的{{value}}验证后将自动创建TeaGO账户</span>
    </div>
    <div class="tips" v-if="verifyCode">
      <p>请输入验证码</p>
      <span>已将验证码发送至<i>{{value}}</i></span>
    </div>
  </div>
</template>

<script>
export default {
  name: "tips",
  props: {
    value: String,
    verifyCode: { type: Boolean, default: false }
  }
};
</script>

<style scoped>
.tips {
  margin-top: 2.5rem;
  margin-left: 0.45rem;
}
.tips p {
  font-size: 18px;
  color: #333;
}
.tips span {
  font-size: 12px;
  color: #aaa;
}
.tips span i {
  color: #333;
  margin-left: 0.1rem;
}

</style>